<?php if(!defined('IN_DISCUZ')) exit('Access Denied'); hookscriptoutput('guide');?><?php include template('common/header'); require_once("template/qu_app/touch/ainuo/guide.php");?><?php if($_G['inajax'] == 1) { include template('forum/guide_list_row'); } else { ?>

<?php if(!empty($_G['setting']['pluginhooks']['guide_quapdiy'])) echo $_G['setting']['pluginhooks']['guide_quapdiy'];?>
<style id="diy_style" type="text/css"></style>
<style>
.indexheader{ font-size:16px;}
.indexheader span{}
.indexheader .y img{ border-radius:50%; width:22px; height:22px; margin-top:11px;}
.indexheader .toplogo{ text-align:center; position:absolute; width:100%; z-index:-1;}
.indexscrollcss{ background:#f13030;}
</style>
<!-- header start -->
<div id="header" class="header indexheader">
    <div class="nav">
        <a id="ainuo_toggle_menu" href="javascript:;" class="z"><i class="iconfont icon-menu1"></i></a>
        
        <?php if(!$_G['uid']) { ?>
        	<a href="member.php?mod=logging&amp;action=login&amp;referer=" class="y" style="font-size:14px;"><?php echo $alang_fastlogin;?></a>
        <?php } else { ?>
            <a href="home.php?mod=space&amp;uid=<?php echo $_G['uid'];?>&amp;do=profile&amp;mycenter=1" class="y"><?php echo avatar($_G[uid], 'middle');?></a>
        <?php } ?>
        <a href="search.php?mod=forum" class="y"><i class="iconfont icon-search"></i></a>
        <div class="toplogo"><?php if($_G['cache']['plugin']['qu_app']['mb_topword']) { ?><?php echo $_G['cache']['plugin']['qu_app']['mb_topword'];?><?php } else { ?>AINUO APP!<?php } ?></div>
    </div>
</div>
<!-- header end --><?php include template('common/top_fix'); ?><!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->

<script>

var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationType : 'fraction',
paginationFractionRender: function (swiper, currentClassName, totalClassName) {
return '<span class="' + currentClassName + '"></span>' +
   '/' +
   '<span class="' + totalClassName + '"></span>';
},
paginationClickable: true,
loop : true,
autoplay : 3300,
});
var tjswiper = new Swiper('#guide', {
direction: 'vertical',
loop : true,
simulateTouch : false,
autoplay : 2800,
onlyExternal :true,
});
var tabswiper = new Swiper('.ainuo_indexnavtab', {
pagination: '.pointBox',
loop : false,
});

</script>

<style>
.ainuo_piclist{}
.ainuo_piclist li{ background:#fff;}
.ainuo_piclist li a{ display:block;}
.ainuo_piclist li a.lione{ padding:12px 10px 6px 10px;}
.ainuo_piclist li a.litwo{ padding:6px 10px 12px 10px;}
.ainuo_piclist li .author{ height:36px;  font-size:12px; color:#999;margin: 20px 10px 5px 10px;}
.ainuo_piclist li .author a{ display:inline; color:#666;}
.ainuo_piclist li .author .aleft{ float:left; position:relative;}
.ainuo_piclist li .author .aleft .ava{ float:left; margin-right:8px;}
.ainuo_piclist li .author .aleft .t{ color:#666; font-size:14px;}
.ainuo_piclist li .author .aleft .ava img{ width:30px; height:30px;border-radius:50%;}
.ainuo_piclist li .author .aleft p{ position:absolute; left:39px; top:20px; width:90px;}
.ainuo_piclist li .author .aleft p span{ color:#bbb;}
.ainuo_piclist li .author .aright{ float:right;}
.ainuo_piclist li .author .aright a{ font-size:12px; color:#fa7d3c; border:1px solid #ddd; border-radius:2px; padding:3px 8px;}
.ainuo_piclist li .author .aright a.ygz{ color:#999; background:#eee;}
.ainuo_piclist li .asub .abadge{color: #fff;background-color: #fe7c51;font-size:12px;padding: 2px 5px; border-radius:2px; position:relative; top:-2px;}
.ainuo_piclist li .asub .leixing{background-color:#A8C500;}
.ainuo_piclist li .asub{ display:flex; position:relative;}
.ainuo_piclist li .asub .atitle{ font-size:16px; line-height:1.5;-webkit-flex-shrink: 1;-ms-flex: 0 1 auto;-webkit-flex-shrink: 1;flex-shrink: 1;position: relative;width: 100%; color:#050505;}
.ainuo_piclist li .apic1{-webkit-flex-shrink: 0;flex-shrink: 0; margin-top:5px;overflow: hidden;}
.ainuo_piclist li .apic1 img{ max-width:79%; height:auto;}
.ainuo_piclist li .apic2{ margin-top:5px;}
.ainuo_piclist li .apic2 .apic{ width:49.5%; margin-left:1%; float:left;}
.ainuo_piclist li .apic2 img{width: 100%;height: auto;}
.ainuo_piclist li .apic2 .apic:first-child {margin-left: 0;}
.ainuo_piclist li .apic3{}
.ainuo_piclist li .apic3 .apic{ width:32.666%; margin-left:1%; float:left; margin-top:1%;}
.ainuo_piclist li .apic3 img{width: 100%;height: auto;}
.ainuo_piclist li .apic3 .apic:first-child {margin-left: 0;}
.ainuo_piclist li .apic3 .apic:nth-child(4) {margin-left: 0;}
.ainuo_piclist li .apic3 .apic:nth-child(7) {margin-left: 0;}
.ainuo_piclist li .afenlei{  padding:0 10px; height:30px;}
.ainuo_piclist li .afenlei em{font-size:0;}
.ainuo_piclist li .afenlei em a{font-size: 12px;display: inline;background: #eee;padding: 3px 10px;border-radius: 20px;color: #999;}
.ainuo_piclist li .abot{  font-size:12px; height:34px; line-height:34px;}
.ainuo_piclist li .abot a{ display:block; color:#ccc; text-align:center; float:right; margin-right:18px;}
.ainuo_piclist li .abot i{ position:relative; top:2px;}
.ainuo_piclist li .abot .yidianzan{ color:#f55318;}

.ainuo_piclist .mod-lv {display: inline-block;height: 18px;-webkit-border-radius: 10px;background: #ffc11b;color: #fff;text-align: center;margin: 0 3px;vertical-align: middle;white-space: nowrap;padding: 0 4px;font-size: 0;position:relative;top:-1px;}
.ainuo_piclist .mod-lv .mod-lv-icon {line-height: 16px;width: 16px;height: 16px;margin-left: -4px;margin-right: 2px;border: 1px solid rgba(255,181,36,.8);color: #ed850a;background: #ffe970;-webkit-border-radius: 100%;display: inline-block;vertical-align: top;position: relative;font-size: 11px;}
.ainuo_piclist .mod-lv .mod-lv-icon i {position: absolute;width: 100%;height: 100%;left: 0;top: 0;font-size:12px;}
.ainuo_piclist .mod-lv span:not(.mod-lv-icon) {font-size: 11px;line-height: 17px;display: inline-block;vertical-align: top;position: relative;}

</style>



<div class="ainuo_xbtj cl">
<?php if($_G['cache']['plugin']['qu_app']['mb_loadtit']) { ?>
<div class="atit cl"><?php echo $_G['cache']['plugin']['qu_app']['mb_loadtit'];?></div>
    <?php } ?>
    <div class="acon cl">
            <div class="ainuo_piclist cl">
                <ul id="ainuoloadmore" class="ainuoloadmore">
                    <?php include template('forum/guide_list_row'); ?>                </ul>
            </div>
    </div>
    <?php if($pagestyle == 1) { ?>
    <div id="ainuoloadempty"></div>
    <?php if($adata[$view]['threadcount'] > 10) { ?>
    <div id="loading" class="loading G-animate-load-wrap">
        <div class="load-loading"><span class="loading02"></span> <span class="load-word"><?php echo $alang_loading;?></span></div>
    </div>
    <?php } ?>
    <?php } else { ?>
    <?php echo $multipage;?>
    <?php } ?>
</div>

<script>
var ainuo_forum_html = '';
var ainuo_forum_empty = '<div class="inner"><?php echo $alang_nomore;?></div>';
var ainuo_forum_emptyfail = '<div class="inner"><?php echo $alang_loadfail;?></div>';				
var ainuo_forum_loading = false;
var ainuo_forum_aperpage = <?php echo $perpage;?>;
var ainuo_forum_ainuomaxpage = <?php echo $maxpage;?>;
var ainuo_forum_url = 'forum.php?mod=guide&view=hot&page=';
</script>
<?php if($pagestyle == 1) { ?>
<script src="template/qu_app/touch/style/load/loadlist.js" type="text/javascript"></script>
<?php } ?>
<script type="text/javascript">
function zanbuzan(val,clsa,aid){
<?php if(!$_G['uid']) { if($Appbyme && $_G['cache']['plugin']['qu_app']['app_login']) { ?>
sq.login(function(userInfo){});
return false;
<?php } else { ?>
popup.open('您还未登录，立即登录?', 'confirm', 'member.php?mod=logging&action=login');
return false;
<?php } } ?>
$('body').append('<div class="ainuooverlay"><div class="loadings_icon"><i class="toast-loading toast-icon_toast"></i></div></div>');
$.ajax({
type:'GET',
url:'forum.php?mod=misc&action=recommend&do=add&tid='+aid+'&hash=<?php echo FORMHASH;?>&inajax=1',
dataType:'xml',
})
.success(function(s) {
if(s.lastChild.firstChild.nodeValue.indexOf("<?php echo $alang_yipingjia;?>") >= 0){
$('.ainuooverlay').remove();
showMessage('<?php echo $alang_dianzanguo;?>');
}else if(s.lastChild.firstChild.nodeValue.indexOf("<?php echo $alang_zanjiayi;?>") >= 0){
setTimeout((document.getElementById(clsa).innerHTML = parseInt(document.getElementById(clsa).innerHTML) + 1),500);
$("#dianzan_" + aid).addClass('yidianzan');
$("#i_" + aid).addClass('icon-appreciate_fill_light');
$('.ainuooverlay').remove();
showMessage('<?php echo $alang_zanjiayi2;?>');
}
})
.error(function() {
window.location.href = obj.attr('href');
$('.ainuooverlay').remove();
});
return false;
};
</script>
<script type="text/javascript">
function guanzhutis(val,clsa,aid){

<?php if(!$_G['uid']) { if($Appbyme && $_G['cache']['plugin']['qu_app']['app_login']) { ?>
sq.login(function(userInfo){});
return false;
<?php } else { ?>
popup.open('您还未登录，立即登录?', 'confirm', 'member.php?mod=logging&action=login');
return false;
<?php } } ?>
if(document.getElementById(val).innerHTML.indexOf("+") >= 0){
var ahref = 'home.php?mod=spacecp&ac=follow&op=add&fuid='+aid+'&hash=<?php echo FORMHASH;?>';
}else{
var ahref = 'home.php?mod=spacecp&ac=follow&op=del&fuid='+aid;
}
$('body').append('<div class="ainuooverlay"><div class="loadings_icon"><i class="toast-loading toast-icon_toast"></i></div></div>');
$.ajax({
type:'GET',
url:ahref + '&inajax=1',
dataType:'xml',
})
.success(function(s) {	
if(s.lastChild.firstChild.nodeValue.indexOf("<?php echo $alang_notgzziji;?>") >= 0){
showMessage('<?php echo $alang_notgzziji;?>');
}else if(s.lastChild.firstChild.nodeValue.indexOf("<?php echo $alang_cgshouting;?>") >= 0){
$("."+clsa).text('<?php echo $alang_yiguanzhu;?>');
//$("."+clsa).attr('href','home.php?mod=spacecp&ac=follow&op=del&fuid='+aid); 
showMessage('<?php echo $alang_cgshouting2;?>');
}else if(s.lastChild.firstChild.nodeValue.indexOf("<?php echo $alang_qxchenggong;?>") >= 0){
//document.getElementById("ainuo_wait_<?php echo $thread['authorid'];?>").innerHTML = '+ <?php echo $nh_guanzhu;?>';
$("."+clsa).text('+ <?php echo $alang_gz;?>');
//$("."+clsa).attr('href','home.php?mod=spacecp&ac=follow&op=add&fuid='+aid+'&hash=<?php echo FORMHASH;?>'); 
showMessage('<?php echo $alang_qxchenggong2;?>');
}
$('.ainuooverlay').remove();
})
.error(function() {
window.location.href = obj.attr('href');
$('.ainuooverlay').remove();
});
return false;
};
</script>

<?php } include template('common/footer'); ?>